<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="copyright" content="www.apicloud.com" />
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<title>首页</title>
<link rel="stylesheet" type="text/css" href="../../css/api.css" />
<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
<style>
#main {
    display: -webkit-box; -webkit-box-orient: vertical;
}
#header_top {
    background-color: #2997e4;
    padding-top: 25px
}
.aui-title {color: #fff;}

h1 {
    margin-left: 5px;
    height: 50px; line-height: 50px;
    font-size: 16px; color: #000;
}

</style>
</head>
<body>
    <div id="main">
        <!-- <header id="header">
            <h1 id="topbar_title">登录</h1>
        </header> -->
        <header id="header_top" class="aui-bar aui-bar-nav" >

          <a class="aui-pull-left"  onclick="goback()">
              <span class="aui-iconfont aui-icon-left"></span>
          </a>
          <div class="aui-title" id="title">登录</div>
      			<!-- <a class="aui-pull-right" onclick="openSearch()">
      	        <span class="aui-iconfont aui-icon-search"></span>
      	    </a> -->
      	</header>

        <section id="content">
        </section>
    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript">
    function goback()
    {
        api.closeWin({name:'login'});
    }

    apiready = function() {
        // api.setStatusBarStyle({style:'light'});
        // api.closeFrame({name:'setting_frame'});
        var header_top = $api.byId('header_top');
        $api.fixStatusBar(header_top);
        var header_top = $api.offset(header_top);
        		api.addEventListener({
        				name: 'keyback'
        		}, function(ret, err) {
              api.closeToWin({
                  name: 'root'
              })
        		})
        api.openFrame ({
            name: 'login_body',
            url: './login.html',
            rect:{
                x:0,
                y:header_top.h,
                w:'auto',
                h:'auto'
            },
            pageParam: {name: header_top.h},
            bounces: false,
            delay:200
        });
    };
</script>
</html>
